<template>
  <div class="view-container">
    <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
      <el-form-item label="用印名称：" prop="name">
        <el-input></el-input>
      </el-form-item>

      <el-form-item label="用印人：" prop="name">
        <el-input></el-input>
      </el-form-item>

      <el-form-item label="部门：" prop="name">
        <el-input></el-input>
      </el-form-item>



      <el-form-item label="表头名称：" prop="region">
        <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>




      <el-form-item label="计划使用时间起：" required>
        <div class="block">

          <el-date-picker
            v-model="value1"
            type="datetime"
            placeholder="选择日期时间">
          </el-date-picker>
        </div>
      </el-form-item>

      <el-form-item label="计划使用时间止：" required>
        <div class="block">

          <el-date-picker
            v-model="value1"
            type="datetime"
            placeholder="选择日期时间">
          </el-date-picker>
        </div>
      </el-form-item>





      <el-form-item label="前往单位：" prop="name">
        <el-input></el-input>
      </el-form-item>



      <el-form-item label="材料名称：" prop="desc">
        <el-input class="textareas" type="textarea" v-model="ruleForm.desc"></el-input>
      </el-form-item>



      <el-form-item label="相关附件：" prop="desc">
        <el-input></el-input>
      </el-form-item>

      <el-form-item label="备注：" prop="desc">
        <el-input></el-input>
      </el-form-item>


      <el-form-item prop="region">
        <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>



      <el-form-item label="审批人：" prop="region">
        <el-select v-model="ruleForm.region" placeholder="请选择活动区域">
          <el-option label="区域一" value="shanghai"></el-option>
          <el-option label="区域二" value="beijing"></el-option>
        </el-select>
      </el-form-item>



      <el-form-item>
        <el-button plain type="success" @click="submitForm('ruleForm')">保存</el-button>

      </el-form-item>
    </el-form>
  </div>
</template>

<script>
  export default {
    name: "",
    data() {
      return {
        ruleForm:[],
      }
    },
    created() {

    },
    methods: {

    }
  }
</script>

<style scoped lang="scss">
  .view-container{
    .el-input{
      width: 500px;
    }
    .textareas{
      width: 600px;

    }

    .el-form-item{
      margin-bottom: 15px;
    }
  }
</style>
